﻿@import 'reset.less';
@import 'grid.less';
@import 'Mixins.less';

@a-link-color: #3366fc;
@a-hover-color: #ff3333;
@a-visited-color: #1c67b4;

/* --- Primary layout elements --- */
body 
{
	font-family: Verdana, Arial, Sans-Serif;
	height: 100%; 
	font-size: 14px;
	line-height: 1.5em;
	color:  #333;
}

section#Left
{
	width: 250px;
	height: 100%;
	float: left;
	overflow: auto;
	background-color: #3a3a3a;
	color: #d2d2d2;

	> div
	{
		margin: 10px;
	}

	a
	{
		color: #d2d2d2;
	}
}

section#Main
{
	height: 100%;
	overflow: auto;

	> div
	{
		margin: 20px;
	}
}

section#Left nav
{
	menu
	{
	}

	menu > li
	{
		margin-bottom: 3px;
	}
}

div.toolbar
{
	overflow: auto;
	padding-bottom: 10px;
}

/* --- Headers and sizes --- */
h1, h2, h3, h4, h5, h6
{
	font-family: "Helvetica World", Helvetica, Verdana, Arial, Sans-Serif;
}

h1
{
	font-size: 1.8em;
	line-height: 1em;
	margin: 0.5em 0;
}

h2
{
	font-size: 1.6em;
	line-height: 1em;
	margin: 0.5em 0;
}

h3
{
	font-size: 1.4em;
	line-height: 1em;
	margin: 0.5em 0;
}

h4, h5, h6
{
	font-size: 1.2em;
	line-height: 1em;
	margin: 0;
}

/* --- Primary content elements and settings --- */
a, a:link, a:active, a:visited, a:hover, a:focus
{
	color: @a-link-color;
	text-decoration: underline;
	outline: 0px none;
}

a
{
	-webkit-transition-property: color;
      -moz-transition-property: color;
        -o-transition-property: color;
       -ms-transition-property: color;
           transition-property: color;

   -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
       -ms-transition-duration: 0.2s;
           transition-duration: 0.2s;
}

a.anchor
{
	color: inherit;
	text-decoration: none;
}

a.script
{
	text-decoration: none;
	border-bottom: dashed 1px @a-link-color;
}

a:focus
{
	outline: 1px dotted #666;
}

a:visited
{
	color: @a-visited-color;
}

a:hover, a:active
{
	color: @a-hover-color;
	text-decoration: none;
	border-bottom: 0 none;
	outline: 0px none;
}

p, ul, ol
{
	margin: 0px 0px 0.7em 0px;
	line-height: 1.5em;
}

ul, ol
{
	line-height: 1em;
}

ul > li
{
	margin-bottom: 1em;
}

blockquote
{
	padding: 2px 2px 2px 2em;
	margin: 0.5em 0 0.5em 20px;
	border-left: solid 0.75em #dadada;
	color: #666;
}

@import 'Misc.less';
@import 'Buttons.less';
@import 'Tables.less';
@import 'Form.less';